.el-time-panel {
  border: 0 !important;
  @include bg_color();
  box-shadow: 0 0 12px 0 #3f3f3f !important;
}

.el-time-panel {
  /deep/ .el-time-panel__footer {
    [data-theme="night"] & {
      border-color: $theme-color-night-dark-5;
    }
  }

  /deep/ .el-time-spinner__item {
    [data-theme="night"] & {
      color: $theme-color-night-dark-5;
    }
  }
  /deep/ .el-time-spinner__item.active:not(.disabled) {
    [data-theme="night"] & {
      color: $theme-color-night;
    }
  }

  /deep/ .el-time-spinner__item:hover:not(.disabled):not(.active) {
    [data-theme="night"] & {
      background-color: $theme-bg-color-night;
    }
  }

  /deep/ .el-time-panel__content::after, .el-time-panel__content::before {
    [data-theme="night"] & {
      border-color: $theme-color-night;
    }
  }

  /deep/ .el-time-panel__btn {
    [data-theme="night"] & {
      color: $theme-color-night-dark;
    }
  }
}
